<template>
	<view>
		<photo-watermark :imgUrls="imgUrls" :typeColor="typeColor" :textData="textData" @getIMG="getIMG"></photo-watermark>
		<button type="primary" @click="photograph">拍照</button>
		<image :src="item" mode="aspectFit" v-for="(item, index) in images" :key="index" @click="previewPictures(item)"></image>
	</view>
</template>

<script>
export default {
	data() {
		return {
			imgUrls: [], //需要添加水印的照片
			typeColor: '#dd524d',
			textData: {
				name: '姓名', //姓名
				address: '地址地址地址地址地址地址地址地址地址', //地址
				phoneNumber: '156341354135', //手机号
				weather: '天气', //天气
				otherInformation: '公司公司公司公司公司公司公司' //公司
			},
			images: []
		};
	},
	onLoad() {},
	methods: {
		photograph() {
			let that = this;
			uni.chooseImage({
				count: 1, //默认9
				sourceType: ['camera'],
				sizeType: ['compressed'], // 一定要用压缩图
				success: ({ tempFilePaths, tempFiles }) => {
					// 这里就得到了带水印的图片路径列表
					that.imgUrls = tempFilePaths;
				}
			});
		},
		// 得到水印照片
		getIMG(e) {
			console.log(e);
			this.images = e;
		},
		previewPictures(e) {
			// 预览图片
			uni.previewImage({
				urls: [e]
			});
		}
	}
};
</script>

<style></style>
